.canvasDiv {

    height: 100%;
    width: 100%;
    background-color: white;


    /*display: block;*/
    overflow: hidden;
    /*word-break: keep-all;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
}

.header {
    margin: 0 auto;
    margin-bottom: 5px;
    /*margin: 5px 5px 5px 5px;*/
    height: 30px;
    width: 98%;
    background-color: #eeeeee;
    display: flex;
    border-bottom: 7px cornflowerblue solid;
}

.header > ul {
    text-align: center;
    /*justify-content: center;   !*水平居中*!*/
    /*align-items: center;     !*垂直居中*!*/
    /*flex-direction: column;*/
    flex: 1;

}

.header > ul > li {

    list-style: none;
    /*margin-left: 4%;*/

}

.header > ul > li:hover {
    background-color: #333333;
    /*background-color: red; !* 浏览器不支持时显示 *!*/
    background-image: linear-gradient(#333333, #8E8E8E);
}

.header > ul > li > a {
    height: 30px;
    text-decoration: none;
    display: block;
    color: cornflowerblue;
}

.divTopNew {
    margin: 0 auto;
    width: 99%;
    height: 100%;
}

.topNew {

    height: 300px;
    width: 100%;
    display: flex;
}

.topLeft {
    flex: 2.5;
    height: 100%;
    /*padding-right: 10px;*/
    margin-right: 10px;
    background-color: #eeeeee;
}

.topRight {
    flex: 3.5;
    height: 100%;
    background-color: #eeeeee;
}

.divBottomNew {
    margin: 0 auto;
    width: 99%;
    height: 100%;
    /*display: flex;*/
}

.bottomNew {
    margin-top: 10px;
    height: 750px;
    width: 100%;
    display: flex;
    background-color: #eeeeee;

}

.bottomLeft {
    flex: 0.1;
    margin-right: 10px;
    /*background-color: #eeeeee;*/
}

.bottomRight {
    flex: 1.5;
border-left:9px white solid;
    background-color: #eeeeee;
}

.bottom-Ranking-List {
    width: 100%;
    height: 100%;
    /*display: flex;*/
    flex: 3;
    position: relative;

}

.Ranking-title {

    width: 100%;
    height: 100%;
    background-color: #01AAED;
    padding: 0px 7px 0px 7px;
}

.list_new {
    /*flex: 1;*/
    width: 33%;
    /*background-color: black;*/
    position: absolute;
    right: 5px;
    /*float: left;*/

}
.tbList>ul{
   /*margin-left: 50px;*/

    padding-left: 30px;
}
.firstNew {
    left: 0px;
}

.centerNew {
    left: 33%;
}

.lastNew {
    left: 66%;
}

.h-title {

    display: block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 0.9px deepskyblue dashed;
    margin: 15px 0 10px 20px;
}

.topRight {
    position: relative;
}

.left_new {
    width: 49%;
    position: absolute;
    left: 5px;
}

.left_new > ul > li {
    border-bottom: 0.5px #cccccc solid;
    list-style: none;
    margin-top: 5px;
    width: 100%;

}

.left_new > ul > li:hover {
    background-color: cornflowerblue;
    border-radius: 5px;
}

.left_new > ul > li > a {
    padding-left: 10px;

    display: block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;

    width: 100%;
    height: 30px;
    text-decoration: none;
    list-style: none;
    position: relative;
}

/*.left_new > li > div {*/
/*!*text-align: center;*!*/

/*!*clear: left;*!*/
/*!*background-color: cornflowerblue;*!*/
/*float: right;*/
/*}*/

.right_new > ul > li {
    border-bottom: 0.5px #cccccc solid;
    margin-top: 5px;
    width: 100%;
    list-style: none;
}

.right_new > ul > li:hover {
    background-color: cornflowerblue;
    border-radius: 5px;
}

.right_new > ul > li > a {
    padding-left: 10px;

    display: block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;

    width: 100%;
    height: 30px;
    text-decoration: none;
    list-style: none;
    position: relative;

}

.right_new {
    width: 49%;
    /*background-color: black;*/
    position: absolute;
    right: 5px;
    /*float: right;*/
}

/*/////////////*/

.list_new > ul > li {
    border-bottom: 0.5px #cccccc solid;
    margin-top: 5px;
    width: 100%;
    list-style: none;
}

.list_new > ul > li:hover {
    background-color: cornflowerblue;
    border-radius: 5px;
}

.list_new > ul > li > a {
    padding-left: 10px;

    display: block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;

    /*width: 100%;*/
    height: 30px;
    text-decoration: none;
    list-style: none;
    position: relative;

}

